МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ "ЛЬВІВСЬКА ПОЛІТЕХНІКА"
ІНСТИТУТ ПІСЛЯДИПЛОМНОЇ ОСВІТИ
КАФЕДРА ПРОГРАМНОГО ЗАБЕЗПЕЧЕННЯ
/
ЗВІТ ДО ЛАБОРАТОРНОЇ РОБОТИ №1 на тему:
"Побудова HTML-сторінки у блокноті"
Львів - 2013
Мета: Освоїти принципи створення Web-сторінки за допомогою простих HTML-дескрипторів.
КОРОТКІ ТЕОРЕТИЧНІ ВІДОМОСТІ
HTML – це набір угод для розмітки документів, що визначають зовнішній вигляд документів на екрані комп'ютера при доступі до них із використанням програми броузера.
Документ, складений за допомогою мови розмітки HTML, являє собою текстовий файл, який можна набрати і відредагувати в звичайному текстовому редакторі, наприклад, у додатках Блокнот чи WordPad.
Документ розбивається на елементи: заголовки, абзаци, малюнки, таблиці та інші. Для кожного елементу задається команда мови HTML, названа тегом. Ця команда містить інформацію про те, який вигляд повинен мати даний елемент на Web-сторінці, які зв'язки він має з іншими елементами або документами.
У мові HTML є багато тегів, серед яких теги створення заголовка документа, задання параметрів шрифту, креслення ліній, вставки гіперпосилань, вставки графічних елементів тощо. Web-сторінка, окрім тексту і посилань, може вміщувати графіку, звуки, відео, тобто мати такий вигляд, який ви бачимо на екрані комп'ютера.
Тег – це фрагмент коду, що описує певні елементи документа HTML і вміщений у кутові дужки < >.
HTML-документ умовно можна розбити на три частини:
Службова інформація для броузера, що вміщена у рядок з тегом <!DOCTYPE>.
Заголовна частина документа, до якої вміщена назва документа, а також службова інформація для серверів, описи невеликих програм-сценаріїв. Ця частина документа міститься між тегами <HEAD> і </HEAD>.
Тіло документа, що обмежене тегами <BODY>... </BODY>.
Часто теги, окрім імені, містять додаткові елементи, які називаються атрибутами.
Атрибути – це компоненти тегу, що містять вказівки про те, як броузер має сприйняти й обробити тег.
Атрибут записується після імені тегу перед дужкою і складається, як правило, із пари «ім'я атрибута = значення».
Значення атрибута записується після імені атрибута через знак рівності =. Всі значення атрибутів за умовчанням беруться в подвійні (") або одинарні (') лапки. Імена атрибутів можуть набиратися як малими, так і великими літерами, броузер інтерпретуватиме їх однаково. У тега може бути кілька атрибутів, тоді вони відокремлюються один від одного пробілами.
Часто при створенні Web-сторінок виникає необхідність пояснити ту або іншу особливість HTML-коду або наміри розробника, але так, щоб ці пояснення не відображалися у вікні броузера. У таких випадках використовується коментар.
Коментар – це фрагмент коду, що не виконується і розташований між групами символів <! >.
Наприклад, на екрані не відображатимуться такі елементи:
<!— Коментар, що займає один рядок —> або
<!— Коментар можна розташовувати
в двох рядках —>.
Виконання роботи:
1. Відкриємо текстовий редактор Блокнот, та наберемо в ньому наступний текст.
<HTML>
<HEAD>
<TITLE> Моя перша Web-сторінка </TITLE>
</HEAD>
<BODY>
Мій перший HTML-документ
</BODY>
</HTML>
2. Збережемо файл як текстовий, вказавши назву base.html в своїй папці, та закриємо блокнот.
3. Відкриємо збережений файл, двічі клацнувши на його імені. У вікні браузера з’явиться створена Web-сторінка.
/
4. Виконаємо наступні дії: у вікні браузера на створеній Web-сторінці здійснимо натиснення клавіші F12. На екрані з’явиться створений текст мовою HTML, відкритий в текстовому редакторі Блокнот.
Цю команду слід використовувати завжди, коли треба переглянути HTML-код відкритої Web-сторінки.
/
5. Здійнимо редагування нашої Web-сторінки,
<HTML>
<HEAD>
<TITLE> Моя перша Web-сторінка </TITLE>
</HEAD>
<BODY>
<h1> <FONT SIZE = 22 > Сенів Максим Михайлович </FONT></h1> //задамо розмір шрифту заголовку
<body bgcolor="#008080"> // задамо колір фону
<I> <FONT SIZE = 14> <FONT COLOR = "#FF0000" >
кандидат технічних наук,старший викладач...
